*{margin:0;padding:0}
li{list-style:none}
img{vertical-align:top}
/* 浠ヤ笂鍙悎骞� */
.clear{clear:both}
.clear:after{clear:both;display:table;content:''}
.qiandao-sprits{background-image:url(../images/qiandao_sprits.png);background-repeat:no-repeat}
.qiandao-tran{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-ms-transition:all .3s ease-out}
.qiandao-radius{-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px}

.qiandap-box{margin:0 auto;background-color:#fff}
.qiandao-con{margin:0 auto;width:100%;height:684px;}
.qiandao-left{width:85%;margin:auto;border-radius:26px;border:1px solid #3794e2;}
.qiandao-right{float:right;padding:0 20px;width:290px}
.current-date{float:left;color:#3794e2;font-size:30px;line-height:80px;width:100%;text-align: center;}
.qiandao-history{float:right;width:170px;height:50px;border-radius:8px;background-color:#ff4343;color:#fff;text-align:center;font-size:30px;line-height:50px;cursor:pointer;top:50%;position:relative;margin-top:-25px;}
.qiandao-top{padding-top:70px;height:13pc}
.just-qiandao{margin:0 auto 20px;width:212px;height:67px;cursor:pointer}
.just-qiandao.actived,.just-qiandao:active{background-position:0 -68px}
.qiandao-notic{color:#b25d06;text-align:center;font-size:18px}
.qiandao-rule-list{margin-bottom:35px;color:#8d8ebb;font-size:1pc;line-height:26px}
.qiandao-rule-list h4{font-weight:bolder;font-size:1pc}
.qiandao-main{overflow:hidden;width:100%}
.qiandao-list{padding-left:8%;}
.qiandao-list li{position:relative;float:left;margin:0 1px 1px 0;width:13%;height:85px;background-image:url(../../img/sign_in/qiandao_day.png);background-position:0 0}
.qiandao-list li.date1{background-position:-430px 0}
.qiandao-list li.date2{background-position:-516px 0}
.qiandao-list li.date3{background-position:0 -86px}
.qiandao-list li.date4{background-position:-86px -86px}
.qiandao-list li.date5{background-position:-172px -86px}
.qiandao-list li.date6{background-position:-258px -86px}
.qiandao-list li.date7{background-position:-344px -86px}
.qiandao-list li.date8{background-position:-430px -86px}
.qiandao-list li.date9{background-position:-516px -86px}
.qiandao-list li.date10{background-position:0 -172px}
.qiandao-list li.date11{background-position:-86px -172px}
.qiandao-list li.date12{background-position:-172px -172px}
.qiandao-list li.date13{background-position:-258px -172px}
.qiandao-list li.date14{background-position:-344px -172px}
.qiandao-list li.date15{background-position:-430px -172px}
.qiandao-list li.date16{background-position:-516px -172px}
.qiandao-list li.date17{background-position:0 -258px}
.qiandao-list li.date18{background-position:-86px -258px}
.qiandao-list li.date19{background-position:-172px -258px}
.qiandao-list li.date20{background-position:-258px -258px}
.qiandao-list li.date21{background-position:-344px -258px}
.qiandao-list li.date22{background-position:-430px -258px}
.qiandao-list li.date23{background-position:-516px -258px}
.qiandao-list li.date24{background-position:0 -344px}
.qiandao-list li.date25{background-position:-86px -344px}
.qiandao-list li.date26{background-position:-172px -344px}
.qiandao-list li.date27{background-position:-258px -344px}
.qiandao-list li.date28{background-position:-344px -344px}
.qiandao-list li.date29{background-position:-430px -344px}
.qiandao-list li.date30{background-position:-516px -344px}
.qiandao-list li.date31{background-position:0 -430px}
.qiandao-list li .qiandao-icon{position:absolute;top:0;left:0;z-index:2;display:none;width:100%;height:85px;background:url(../../img/sign_in/qiandao_icon.png) no-repeat 35% center}
.qiandao-list li.qiandao .qiandao-icon{display:block}
.qiandao-layer{position:fixed;top:0;bottom:0;left:0;z-index:888;display:none;width:100%}
.qiandao-layer-bg{width:100%;height:100%;background-color:#000;opacity:.55;filter:alpha(opacity=55);top:0;position:fixed;}
.qiandao-layer-con{position:absolute;top:40%;left:50%;z-index:999;margin-top:-285px;margin-left:-285px;width:590px;}
.qiandao-history-layer .qiandao-layer-con{margin:-257px 0 0 -293px;width:586px;height:484px}
.close-qiandao-layer{width:180px;height:60px;line-height:60px;font-size:30px;margin:auto;text-align: center;border:1px solid #fff;color:#fff;border-radius:8px;position:absolute;bottom:-30px;left:50%;margin-left:-90px;}
.qiandao-history-inf{margin-top:25px;color:#666;text-align:center;font-size:14px}
.qiandao-history-inf li{float:left;width:25%}
.qiandao-history-inf li h4{color:#33b23f;font-size:40px;line-height:50px}
.qiandao-history-table{overflow:hidden;margin:20px;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0}
.qiandao-history-table table{width:100%;color:#666;text-align:center;font-size:1pc;border-spacing:0}
.qiandao-history-table table th{width:33.3%;background-color:#f2f2f2;text-align:center;line-height:40px}
.qiandao-history-table td{width:33.3%;border-bottom:1px #e5e5e5 dashed;line-height:34px}

.yiqiandao{margin:36px 0 0 40px;color:#666;font-size:14px;line-height:38px}
.yiqiandao .yiqiandao-icon{float:left;margin:0 25px;width:178px;height:38px;background-position:-217px 0}
.qiandao-jiangli{position:relative;margin:45px auto;width:335px;height:170px;background-position:0 -146px}
.qiandao-jiangli span{position:absolute;top:58px;left:50px;display:block;width:178px;height:106px;color:#ff7300;text-align:center;font-weight:bolder;font-size:30px;line-height:106px}
.qiandao-jiangli span em{padding-left:5px;font-style:normal;font-size:1pc}
.qiandao-share{display:block;margin:60px auto 0;width:318px;height:3pc;border-radius:5px;background-color:#4ab854;color:#fff;text-align:center;text-decoration:none;font-size:18px;line-height:3pc}
.qiandao-share:hover{background-color:#3e9d46}
body{
	background: #f4f4f4;
}
.qiandao-left-top{
	width:603px;
	margin:auto;
	height:80px;
}
.qiandao-main{
	margin:auto;
}
.day{
	background: #3794e2;
	padding-left:6%;
}
.day>li{
	position: relative;
    float: left;
    margin: 0 1px 1px 0;
    width: 13%;
    height: 60px;
    background-position: 0 0;
    font-size:30px;
    line-height:60px;
    text-align: center;
    color:#fff;
}
.actived{
	background: #ababab;
}
.congratulation{
	font-size:30px;
	color:#fff;
	text-align: center;
	position:absolute;
	bottom:90px;
	width:100%;
}

/*鏃嬭浆鍔ㄧ敾*/
@keyframes rotate
{
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
.light{
	animation: rotate 10s infinite linear;
	width:100%;
}
.packet-img{
	width:310px;
	height:260px;
	position:absolute;
	top:134px;
	left:50%;
	margin-left: -155px;
}
.qiandao-title{
	height:80px;
	width:90%;
	background: #3794e2;
	color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size:35px;
	padding:0 40px;
	margin:auto;
	border-radius:40px;
	line-height:80px;
	box-sizing:border-box;
}
.title{
	font-size:3rem;
	line-height: 7rem;
	height:7rem;
	background:#3794e2;
	color:#fff;
	text-align: center;
	position:fixed;
	width:100%;
	top:0;
	z-index:99;
}

.title a:nth-child(1){
	position: absolute;
    left: 22px;
    display: block;
    display: flex;
    justify-content: center;
    width: 1.6rem;
    height: 100%;
    background-image:url("../img/icon/fanhui_bai.png") ;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    color: transparent;
}
.qiandao-warp{
	margin-top:7rem !important;
	padding-top:1rem;
	background: #fff;
}
.coin-left img{
	width:34px;
	margin-right:20px;
}
.coin {
	font-size:35px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width:85%;
	margin:auto;
	height:80px;
	align-items: center;
}
.coin-left{
	display: flex;
	flex-direction: row;
	align-items:baseline;
}
.shops{
	background: #fff;
	margin-top:10px;
}
.shops-title{
	box-sizing: border-box;
	width:100%;
	padding:0 5%;
	margin:auto;
	font-size:35px;
	height:60px;
	line-height:60px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-bottom:1px solid #f4f4f4;
}
.more img{
	transform: rotateZ(-90deg);
	width:30px;
}
.more {
	display: flex;
	flex-direction: row;
	align-items: center;
	
}
.shops-list{
	width: 90%;
	margin: auto;
}
.shops-item img{
	width:420px;
	height:420px;
}

.shops-item{
	float:left;
	width:420px;
	padding:20px 10px;
	border-bottom:2px solid #f4f4f4;
}
.items-title{
	font-size:30px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 20px;
}
.old-price{
	text-decoration: line-through;
	color:#d3d3d3;
}
.new-price{
	color:#ff4343;
}
.buy{
	width: 180px;
	height:60px;
	font-size:35px;
	border-radius:4px;
	background:#ff4343;
	color:#fff;
	line-height: 60px;
	text-align: center;
}
.price{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top:40px;
}
.foot{
	font-size:35px;
	height:96px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	background: #fff;
	position:fixed;
	bottom:0;
	z-index:99;
	width:100%;
}
.foot>a{
	width:50%;
	height:80%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.foot>a img{
	margin-right:10px;
}
.foot>a:nth-child(1){
	border-right:1px solid #838383;
}
